<template>
  <div>
    <footer class="footer" style="opacity: 1;">
      <div class="footer-inner">


        <div class="copyright">
          © 2014 –
          <span itemprop="copyrightYear">2022</span>
          <span class="with-love">
            <i class="fa fa-heart"></i>
          </span>
          <span class="author" itemprop="copyrightHolder">NexT</span>
        </div>
        <div class="powered-by">Powered by <a href="https://hexo.io" rel="noopener external nofollow noreferrer"
            target="_blank" class="exturl" title="">Hexo</a> &amp; <a href="https://theme-next.js.org/"
            data-pjax-state="">NexT.Gemini</a>
        </div>
        <div class="footer-custom">
          Website source code <a href="https://github.com/hexo-next/hexo-next.github.io"
            rel="noopener external nofollow noreferrer" target="_blank" class="exturl theme-link" title="">here</a>
        </div>


      </div>
    </footer>
  </div>
</template>

<script setup lang='ts'>
</script>

<style lang="scss" >
.footer {
  line-height: 2;
  font-size: 0.875em;
  padding: 20px 0;
}

.footer-inner {
  box-sizing: border-box;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: calc(100% - 20px);
}

@media (min-width: 1200px) {
  .footer-inner {
    width: 1160px;
  }
}
</style>